<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	int i = 1;
%>
<form>
<fieldset>
<legend>Grade Manager</legend>
<table id="dataTable" width="700px"; align="center">
	<tr>
		<td>Grade Name:</td>
		<td><input type="text" /></td>
		<td>Select Range:</td>
		<td>
			<select>
				<option value="select">Select</option>
				<option value="40%">40%</option>
				<option value="50%">50%</option>
				<option value="60%">60%</option>
				<option value="70%">70%</option>
				<option value="80%">80%</option>
				<option value="90%">90%</option>
				<option value="100%">100%</option>
			</select>&nbsp;-&nbsp;
			<select>
				<option value="select">Select</option>
				<option value="40%">40%</option>
				<option value="50%">50%</option>
				<option value="60%">60%</option>
				<option value="70%">70%</option>
				<option value="80%">80%</option>
				<option value="90%">90%</option>
				<option value="100%">100%</option>
			</select>
		</td>

		<td></td>
	</tr>
	<tr>
		<td>Grade Name:</td>
		<td><input type="text" /></td>
		<td>Select Range:</td>
		<td>
			<select>
			<option value="select">Select</option>
				<option value="40%">40%</option>
				<option value="50%">50%</option>
				<option value="60%">60%</option>
				<option value="70%">70%</option>
				<option value="80%">80%</option>
				<option value="90%">90%</option>
				<option value="100%">100%</option>
			</select>&nbsp;-&nbsp;
			<select>
			<option value="select">Select</option>
				<option value="40%">40%</option>
				<option value="50%">50%</option>
				<option value="60%">60%</option>
				<option value="70%">70%</option>
				<option value="80%">80%</option>
				<option value="90%">90%</option>
				<option value="100%">100%</option>
			</select>
		</td>
		<td></td>

	</tr>
	<tr>
		<td>Grade Name:</td>
		<td><input type="text" /></td>
		<td>Select Range:</td>
		<td>
			<select>
				<option value="select">Select</option>
				<option value="40%">40%</option>
				<option value="50%">50%</option>
				<option value="60%">60%</option>
				<option value="70%">70%</option>
				<option value="80%">80%</option>
				<option value="90%">90%</option>
				<option value="100%">100%</option>
			</select>&nbsp;-&nbsp;
			<select>
			<option value="select">Select</option>
				<option value="40%">40%</option>
				<option value="50%">50%</option>
				<option value="60%">60%</option>
				<option value="70%">70%</option>
				<option value="80%">80%</option>
				<option value="90%">90%</option>
				<option value="100%">100%</option>
			</select>
		</td>
		
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td><INPUT type="button" value="Add More"
			onclick="addRow('dataTable')" /></td>
	</tr>
	<tr>
		<td></td>
		<td><input type="submit" value="Create"></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
</table>
</fieldset>
</form>
<hr>
<form>
<fieldset>
<legend>Grade List</legend>
<table cellpadding="10px" cellspacing="50px"
	style="border-collapse: collapse;">
	<tr style="background-color: rgb(185, 201, 254)">
		<th>Sr No.</th>
		<th>Grade Name</th>
		<th>Range</th>
		<th>Modify</th>
	</tr>
	<tbody style="background-color: rgb(208, 218, 253)">
	<tr>
			<td>1.</td>
			<td>A</td>
			<td>90%-100%</td>
			<td><a href="#">Edit</a>/<a href="#">Delete</a></td>
		</tr>
	<c:forEach var="glist" items="${requestScope.glist}">
		<tr>
			<td><%=i++%></td>
			<td></td>
			<td></td>
			<td><a href="#">Edit</a>/<a href="#">Delete</a></td>
		</tr>
	</c:forEach>
</tbody>
</table>
</fieldset>
</form>